<template>
  <div class="kxff-right">
    <SciencePrevention />
    <ScienceTrends />
    <ScienceOther />
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import SciencePrevention from './sciencePrevention/index.vue';
import ScienceTrends from './scienceTrends/index.vue';
import ScienceOther from './scienceOther/index.vue';

defineComponent({ name: 'KxffRightComp' });
</script>

<style scoped lang="scss">
.kxff-right {
  @apply w-[1128px] h-[calc(100%-34px)] flex flex-col justify-between absolute right-[85px];
}
</style>
